<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type='text/css'>
		body{text-align:center;}
		#div{ width:800px;height:500px;border:solid 1px red;margin:auto; }
		#on_top{ width:795px;height:50px;border:solid 1px #8080ff;margin:auto;line-height:50px;  }
		#left{ width:450px;height:410px;border:solid 1px #00ff80;float:left;margin:20px; }
		#right{ width:250px;height:410px;border:solid 1px #80ffff;float:right;margin:20px; }
		#top{ width:250px;height:150px;border:solid 1px #0080ff;line-height:220px; }
		#middle{ width:250px;height:150px;border:solid 1px #ff80c0;line-height:26px; }
		#lower{ width:250px;height:100px;border:solid 1px #ff80ff;position:relative; }
		img{ width:450px;height:410px; }
		#start{ width:120px;height:50px;position:absolute;top:20%;left:30%; }
	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
	<script type='text/javascript'>
		
	</script>
 </head>
 <body>
 	<form action='tasktwo.html' method='post'>
 	<div id='div'>
 		<div id='on_top'>比大小游戏</div>
 		<div id='left' >
 			<img src='welcome.png' alt='没有' />
 		</div>
		<div id='right'>
			<div id='top'>
				比大小排行
			</div>
			<div id='middle'>
				第一名：
				<br/><br/>
				第二名：
				<br/><br/>
				第三名：
			</div>
			<div id='lower'>
				<button id='start' type='submit'>开始</button>
			</div>
		</div>
	</div>
	</form>
 </body>
</html>
